const {ccclass, property} = cc._decorator;

@ccclass
export default class Choose_Btn_active extends cc.Component {

    @property({displayName: "锁", tooltip: "锁头图片，这个数组放所有的锁头图片", type: cc.Node})
    TD: cc.Node[] = [];

    @property({displayName: "背景图", tooltip: "关卡背景图", type: cc.Node})
    bg: cc.Node[] = [];

    @property({displayName: "按钮", tooltip: "选择关卡的按钮", type: cc.Node})
    btn: cc.Node[] = [];

    onLoad () {
        // 用for循环显示所有锁，把所有背景变灰，隐藏所有按钮
        for (let i = 0; i < this.TD.length; i++) {            
            this.TD[i].active = true;
            this.bg[i].color = cc.color(100, 100, 100);
            this.btn[i].active = false;
        }

        // 获取下关卡数据
        let c = Number(cc.sys.localStorage.getItem("choose"));
        cc.log("获取到了选择关卡数据，数据为", c);

        // 再用for循环隐藏需要隐藏的锁，将背景变灰白色，显示按钮
        for (let i = 0; i < c; i++) {
            this.TD[i].active = false;
            this.bg[i].color = cc.color(255, 255, 255);
            this.btn[i].active = true;            
        }

    }

}
